.element_to_pop_up {
	background-color: #fff;
	border-radius: 15px;
	color: #000;
	display: none;
	padding: 20px;
	min-width: 400px;
	min-height: 180px;
}

#formQuangCao {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 0 0 6px 6px;
	box-shadow: 0 0 8px 2px #D1D1D1;
	color: #777777;
	float: left;
	overflow: hidden;
	width: 650px;
}

#formQuangCao .error {
	color: red;
}

.formtitle {
	padding: 10px;
	line-height: 16px;
	font-size: 13px;
	text-shadow: -1px -1px #7B7C7F;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #7B7C7F;
	width: 630px;
	background: #7B7C7F; /* Old browsers */
	background: -moz-linear-gradient(top, #7B7C7F 0%, #7B7C7F 50%, #7B7C7F 51%, #7B7C7F
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbd27),
		color-stop(50%, #7B7C7F), color-stop(51%, #7B7C7F),
		color-stop(100%, #ff9d19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7B7C7F 0%, #7B7C7F 50%, #7B7C7F 51%,
		#ff9d19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7B7C7F 0%, #7B7C7F 50%, #7B7C7F 51%, #7B7C7F
		100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7B7C7F 0%, #7B7C7F 50%, #7B7C7F 51%, #7B7C7F
		100%); /* IE10+ */
	background: linear-gradient(top, #7B7C7F 0%, #7B7C7F 50%, #7B7C7F 51%, #7B7C7F 100%);
	/* W3C */
}

.input,.select,.file {
	width: 600px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.file .inputtext {
	padding-top: 8px;
}

.select select {
	width: 200px;
	height: 25px;
}

.file input {
	height: 25px;
	margin-bottom: 15px;
}

.inputtext {
	float: left;
	line-height: 18px;
	height: 35px;
	font-size: 14px;
	width: 120px;
}

.inputcontent {
	float: left;
	width: 290px;
	height: 50px;
}

.inputcontent input {
	padding: 5px;
	height: 18px;
	width: 335px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #777;
}

.inputcontent a {
	color: #0084ff;
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
}

.nobottomborder {
	border-bottom: 0;
}

.buttons {
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	padding: 15px;
	height: 34px;
}

.greybutton {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #bababa 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1),
		color-stop(100%, #bababa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%, #bababa 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%, #bababa 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%, #bababa 100%);
	/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#e1e1e1',
		endColorstr='#bababa', GradientType=0); /* IE6-9 */
	background: linear-gradient(top, #e1e1e1 0%, #bababa 100%); /* W3C */
	border: 1px solid #bababa;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #bababa;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.greybutton:hover {
	background: #bababa; /* Old browsers */
	background: -moz-linear-gradient(top, #bababa 0%, #e1e1e1 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bababa),
		color-stop(100%, #e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bababa 0%, #e1e1e1 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bababa 0%, #e1e1e1 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #bababa 0%, #e1e1e1 100%);
	/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#bababa',
		endColorstr='#e1e1e1', GradientType=0); /* IE6-9 */
	background: linear-gradient(top, #bababa 0%, #e1e1e1 100%); /* W3C */
}

.orangebutton {
	background: #ffc339; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc339 0%, #ff9b19 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc339),
		color-stop(100%, #ff9b19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffc339 0%, #ff9b19 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffc339 0%, #ff9b19 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffc339 0%, #ff9b19 100%);
	/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#ffc339',
		endColorstr='#ff9b19', GradientType=0); /* IE6-9 */
	background: linear-gradient(top, #ffc339 0%, #ff9b19 100%); /* W3C */
	border: 1px solid #ff9b19;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #ff9b19;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.orangebutton:hover {
	background: #ff9b19; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9b19 0%, #ffc339 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9b19),
		color-stop(100%, #ffc339)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9b19 0%, #ffc339 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9b19 0%, #ffc339 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #ff9b19 0%, #ffc339 100%);
	/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#ff9b19',
		endColorstr='#ffc339', GradientType=0); /* IE6-9 */
	background: linear-gradient(top, #ff9b19 0%, #ffc339 100%); /* W3C */
}

.textarea {
	padding: 5px;
	height: 100px;
	width: 335px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #777;
}

.inputtextbox {
	width: 600px;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtextbox .inputcontent {
	height: 445px;
	width: 600px;
}

/* Form viewdetail and search */
#formSearchQuangCao,#formViewDetail{
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 8px 2px #D1D1D1;
    color: #777777;
    float: left;
    overflow: hidden;
    width: 1000px;
    padding: 27px;
}
#formSearchQuangCao .formSearchQuangCaoLeft,
#formViewDetail .viewDetailleft
{
	float: left;
}
#formSearchQuangCao .formSearchQuangCaoRight,
#formViewDetail .viewDetailRight
{
	float: right;
}
#formSearchQuangCao .edit .pencil:focus ,
#formViewDetail .edit .pencil:focus {
	border: 2px solid #dfdfdf;
	padding: 20px 0 9px 50px;
	background: #fff;
	width: 200px;
	line-height: 1em;
	margin: 5px;
	outline: none;
}
#formSearchQuangCao .edit .pencil,
#formViewDetail .edit .pencil {
	border: none;
	background: #fff url(../images/edit_pencil.png) no-repeat 0 50%;
	padding: 20px 0 9px 50px;
	width: 200px;
	line-height: 1em;
	margin: 5px;
	font-weight: bold;
}
#formSearchQuangCao .edit label, 
#formViewDetail .edit label {
    float: left;
    font-weight: bold;
    padding-top: 14px;
    text-align: left;
    width: 100px
}